<template>
  <Header></Header>
  <!-- <Login></Login> -->
  <Main></Main>

  <!-- 页脚 -->
  <Footer></Footer>
</template>

<script>
  // 组件引入
  // 登录组件引入
  // import Login from '@/components/Login/Login'
  // 头部组件
  import Header from '@/components/Header/Header'
  // 主题引入
  import Main from '@/views/Main/Main'
  // 页脚底部
  import Footer from '@/components/Footer/Footer'

  export default {
    name: 'App',
    components: {
      Main,
      Header,
      Footer
    }
  }
</script>

<style>
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
  }

  html,
  body {
    height: 100%;
    width: 100%;
    background: #f5f5f5d7;
  }

  #app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
    /* text-align: center; */
    color: #2c3e50;
    /* margin-top: 60px; */
  }
</style>